<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<style>
    body{
        font-size: 12px;
    }
    p{
        font-weight: bold;
    }
    span{
        color: red;
    }
    p span{
        display: none;
    }
</style>
<body>
    <p>
        <span>1111</span>
    </p>
    <span>222</span>
</body>
<script>
//    const getJSON = function(url) {
//        const promise = new Promise(function(resolve, reject){
//            const handler = function() {
//                if (this.readyState !== 4) {
//                    return;
//                }
//                if (this.status === 200) {
//
//                    resolve(this.response);
//                } else {
//                    reject(new Error(this.statusText));
//                }
//            };
//            const client = new XMLHttpRequest();
//            client.open("GET", url);
//            client.onreadystatechange = handler;
//            client.responseType = "json";
//            client.setRequestHeader("Accept", "application/json");
//            client.send();
//
//        });
//
//        return promise;
//    };
//    getJSON('/posts.json').then(function(posts) {
//         console.log(1);
//    }).then((resolved)=>{
//        console.log(1);
//    }).catch((error)=>{
//        console.log(error);
//    });
// 生成一个Promise对象的数组
//const promises = [2, 3, 5, 7, 11, 13].map(function (id) {
//    return getJSON('/post/' + id + ".json");
//});
//
//Promise.all(promises).then(function (posts) {
//        console.log(1);
//}).catch(function(err){
//    console.log(err);
//});
//    console.log(2);
//    const p1 = new Promise((resolve, reject) => {
//                resolve('hello');
//                console.log(3);
//    })
//    .then(result => {console.log(result)});
//
//    const p2 = new Promise((resolve, reject) => {
//                throw new Error('报错了');})
//    .then(result => result)
//    .catch(err=>{console.log(err)});
//
//
//    Promise.all([p1, p2])
//            .then(result => console.log(result))
//            .catch(e => console.log(1));
//    const preloadImage = function (path) {
//        return new Promise(function (resolve, reject) {
//            const image = new Image();
//            image.onload  = resolve;
//            image.onerror = reject;
//            image.src = path;
//        });
//    };
//    preloadImage('/posts.json')
//            .then((resolve)=>{console.log(resolve)})
//            .catch(err=>{console.log(err)});
//    let a = 1;
//    let promise = new Promise((resolve,reject)=>{
//                resolve(a);
//                  setTimeout(()=>{
//                      console.log(3);
//                  },1000);
//
//                console.log(2);
//            });
//    promise.then((e)=>{
//        console.log(e);
//    });
//    let timer = requestAnimationFrame(function(){
//        console.log(0);
//    });
//    let timer1 = requestAnimationFrame(function(){
//        console.log(2);
//    });
//    console.log(timer);
//    console.log(timer1);
if(typeof(Worker)!=="undefined")
{
    console.log("支持")
}
else
{
    console.log("不支持")
    //抱歉! Web Worker 不支持
}
</script>
</html>